```html {12}
// ...

<div ref="ref" v-bind="api.getRootProps()">
  <div v-bind="api.getListProps()">
    <button
      v-for="item in data"
      v-bind="api.getTriggerProps({ value: item.value })"
      :key="item.value"
    >
      {{ item.label }}
    </button>
    <div v-bind="api.getIndicatorProps()" />
  </div>
  <div
    v-for="item in data"
    v-bind="api.getContentProps({ value: item.value })"
    :key="item.value"
  >
    <p>{{ item.content }}</p>
  </div>
</div>
```
